/**
 * @desc mobx count
 * @author jsthin
 */

import { makeAutoObservable } from 'mobx'
class CounterStore {
  // 1. 定义数据
  count = 0
  list = [1, 2, 3, 4]
  // 2. 数据响应式
  constructor() {
    makeAutoObservable(this)
  }
  // 3. 定义action函数
  addCount = () => {
    this.count ++
  }
  addList = (item) => {
    this.list.push(item)
  }
  // 定义计算属性
  get filterList() {
    return this.list.filter(item => item > 2)
  }
}

// 4. 导出
export { CounterStore }